import React from "react";
import AddTodo from "./AddTodo";
import TodoList from "./TodoList";
import VisibilityFilters from "./VisibilityFilters";

export default function TodoApp() {
  return (
    <div className="mx-auto w-1/2 h-screen overflow-y-scroll bg-gray-100">
      
      <div className="flex flex-col w-1/2 h-32 fixed bg-gray-200">
        <h1 className="my-4 mx-auto">Todo List</h1>
        <AddTodo />
        <VisibilityFilters />
      </div>

      <div className="mt-48">
        <TodoList/>
      </div>

    </div>
  )

}
